<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/information.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body">
            <span class="layui-breadcrumb breadcrumb" lay-separator="/">
                <a><i title="首页" class="iconfont use-more"></i></a>
                <a><cite>资料大厅</cite></a>
            </span>

            <div class="information page-border">

                <!-- 搜索 -->
                <div class="search-box">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <i class="iconfont  use-search"></i>
                        </div>
                        <input type="text" placeholder="Search..." class="layui-input">
                    </div>
                    <div class="btn-box">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                            <i class="iconfont  use-search"></i>
                            搜索
                        </button>
                        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius">我的资料库</button>
                    </div>
                </div>

                <!-- 过滤条件 -->
                <div class="filters">
                    <div class="item">
                        <div class="title">资料类型：</div>
                        <div class="layui-form filtersRadio">
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >全部</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            
                          </div>
                    </div>
                    <div class="item">
                        <div class="title">资料格式：</div>
                        <div class="layui-form filtersRadio">
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >全部</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >Word</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="按更新时间">
                                <div lay-radio><span >Excel</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="按更新时间">
                                <div lay-radio><span >Power Point</span></div>
                            </div>
                            
                          </div>
                    </div>

                    <!-- 资料大厅-主页不要这一行 这个是搜索结果页面 -->
                    <div class="item border">
                        <div class="title"><strong>搜索结果：</strong></div>
                    </div>
                </div>

                <div class="layui-tab-item layui-show">
                    <div class="information-list">
                        <ul>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <img src="../../static/images/Rectangle 43x.png" alt="">
                                    <div class="tag"><img src="../../static/images/w.png" alt=""></div>
                                </div>
                                <div class="title">我是文本标题文本标题题题文本标题题题文本标题题题文本标题题</div>
                                <div class="info">
                                    <div class="star">
                                       <i class="iconfont use-shoucang"></i> 3245
                                    </div>
                                    <div>1.5W阅读</div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="page-layout">
                        <div id="laypage-1"></div>
                    </div>
                </div>
            </div>
        </div>
    </use-body>
</body>
<script>
    layui.use(function(){
      var laypage = layui.laypage;
      // 普通用法
      laypage.render({
        elem: 'laypage-1',
        layout: ['count', 'prev', 'page', 'next', 'limit'],
        theme: '#01A2E4',
        count: 50 // 数据总数
      });
    });
    </script>
</html>